<template>
  <main class="page" id="press-release">
    <PageBanner :bg_url="page.banner" />
    <section class="section-container">
      <div class="section-wrap">
        <ul class="release list">
          <li class="list-item" v-for="(item,key) of list" :key="key">
            <a href class="list-item-link" target="__blank">
              <NewsItem :item="item" />
            </a>
          </li>
        </ul>
      </div>
    </section>
  </main>
</template>
<script>
import NewsItem from "@/components/NewsItem.vue";
export default {
  name: "PressRelease",
  data() {
    return {
      page: {
        banner: {
          "background-image": `url(${require("@/assets/img/archive.jpg")})`
        }
      },
      list: [
        {
          title: "Winners of SDAY 2019 released",
          date: "21 Jan 2020",
          download: "3.16MB",
          cate: "Press Release"
        },
        {
          title: "WINNERS LIST OF SZ+DAY 2015",
          date: "23 Nov 2015",
          download: "934.49KB",
          cate: "Press Release"
        },
        {
          title: "Press Realease SZ + DAY 2015",
          date: "23 Nov 2015",
          download: "185.31KB",
          cate: "Press Release"
        },
        {
          title: "Summary on the judging process for SZDAY2013",
          date: "30 May 2019",
          download: "87.29KB",
          cate: "Press Release"
        },
        {
          title: "Winners of 2013 SZ·DAY released",
          date: "24 Jun 2019",
          download: "46.7KB",
          cate: "Press Release"
        }
      ]
    };
  },
  components: {
    NewsItem
  }
};
</script>
<style lang="scss">
</style>
